body {
  padding-top: 50px; }

@media (min-width: 1200px) {
  .container {
    width: 1000px; } }

.navbar-brand {
  padding-top: 7px; }
  .navbar-brand img {
    width: 100%; }

footer {
  width: 100%;
  background-color: #3b3b3b;
  padding: 20px 0; }

.foot-nav ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0; }
  .foot-nav ul li {
    float: left;
    line-height: 25px;
    width: 70px;
    text-align: left;
    font-size: 1em;
    font-family: "microsoft yahei";
    margin-top: 10px; }
    .foot-nav ul li a {
      color: #a1a3ab; }
      .foot-nav ul li a:hover {
        color: #fff;
        text-decoration: none; }

.copyright p {
  padding-top: 5px;
  font-size: 0.8em;
  color: #a1a3ab; }

.foot-link {
  margin-top: 18px; }
  .foot-link ul {
    list-style: none;
    float: right; }
    .foot-link ul li {
      float: left;
      margin-right: 18px; }
      .foot-link ul li .foot-ico {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        position: relative;
        transition: all .8s; }
        .foot-link ul li .foot-ico:hover {
          -webkit-transform: rotateY(360deg);
                  transform: rotateY(360deg); }
        .foot-link ul li .foot-ico .foot-img {
          width: 142px;
          height: 150px;
          position: absolute;
          left: -49px;
          top: -155px;
          display: none; }
          .foot-link ul li .foot-ico .foot-img img {
            display: block;
            width: 100%; }
      .foot-link ul li .email {
        background-image: url(../img/email_ico.png); }
        .foot-link ul li .email:hover .email-img {
          display: block; }
      .foot-link ul li .qq {
        background-image: url(../img/qq_ico.png); }
        .foot-link ul li .qq:hover .qq-img {
          display: block; }
      .foot-link ul li .weixin {
        background-image: url(../img/weixin_ico.png); }
        .foot-link ul li .weixin:hover .weixin-img {
          display: block; }

@media (max-width: 480px) {
  .foot-link {
    display: none; } }

header {
  width: 100%;
  background-color: #2b80d9; }
  header .banner-img img:hover {
    opacity: .7; }

section {
  width: 100%; }

@media (max-width: 768px) and (min-width: 480px) {
  .flash-bg .flash-title > h1 {
    font-size: 3em; } }

@media (max-width: 480px) {
  .flash-bg .flash-title > h1 {
    font-size: 2em;
    text-align: center; } }

@media (max-width: 768px) and (min-width: 480px) {
  .flash-bg .flash-title > p {
    font-size: 1.89em; } }

@media (max-width: 480px) {
  .flash-bg .flash-title > p {
    font-size: 1.24em;
    text-align: center; } }

.flash-bg {
  background: url(../img/flash_bg.jpg) no-repeat;
  background-position: 100% 100%;
  padding-top: 60px;
  padding-bottom: 60px; }

@media (max-width: 768px) {
  .flash-bg {
    background: none; } }

.flash-title h1 {
  font-size: 3.41em;
  font-weight: 700;
  font-family: "microsoft yahei";
  color: #0078d7;
  margin-top: 44px;
  margin-bottom: 29px; }

.flash-title p {
  font: 2.16em "microsoft yahei";
  color: #666; }

.layaflash {
  background-color: #fbfaf7;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaee; }

.flash-cont {
  padding-top: 60px; }

.flash-item {
  margin-bottom: 31px; }

.icon-flash-bg {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  margin-left: 15px;
  transition: all .8s ease-in-out; }
  .icon-flash-bg:hover {
    background-color: #8D8C8C;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); }

.flash-icon-01 {
  background: url(../img/icon01.png) no-repeat center;
  background-color: #0078d7; }

.flash-icon-02 {
  background: url(../img/icon02.png) no-repeat center;
  background-color: #0078d7; }

.flash-icon-03 {
  background: url(../img/icon03.png) no-repeat center;
  background-color: #0078d7; }

.flash-icon-04 {
  background: url(../img/icon04.png) no-repeat center;
  background-color: #0078d7; }

.flash-introduce h3 {
  font-size: 1.37em;
  margin-top: 0;
  color: #333; }

.flash-introduce p {
  font-size: 1em;
  color: #666;
  line-height: 25px; }

.laya-advantage {
  padding: 89px 0;
  background-color: #fff; }

@media (max-width: 768px) {
  .laya-advantage {
    padding: 0; } }

.advantage-img {
  padding-top: 101px; }
  .advantage-img .img-hover:hover {
    opacity: .8; }

.advantage-title h1 {
  font-family: "microsoft yahei";
  font-size: 3.43em;
  font-weight: bold;
  color: #8fc31f; }

@media (max-width: 768px) and (min-width: 480px) {
  .advantage-title h1 {
    font-size: 3em; } }

@media (max-width: 480px) {
  .advantage-title h1 {
    font-size: 2em;
    text-align: center; } }

.advantage-body {
  padding-top: 32px; }
  .advantage-body ul {
    list-style: none;
    padding: 0; }
    .advantage-body ul li {
      padding: 8px 0;
      line-height: 50px; }
  .advantage-body .ad-bg {
    float: left;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    background-color: #8fc31f;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 10px; }
  .advantage-body .ad-icon-01 {
    background-image: url(../img/icon05.png); }
  .advantage-body .ad-icon-02 {
    background-image: url(../img/icon06.png); }
  .advantage-body .ad-icon-03 {
    background-image: url(../img/icon07.png); }
  .advantage-body .ad-icon-04 {
    background-image: url(../img/icon08.png); }
  .advantage-body .ad-cont {
    font-size: 1em;
    font-family: "microsoft yahei";
    color: #666; }

@media (max-width: 480px) {
  .advantage-body .ad-item {
    width: 100%;
    padding: 4px 0;
    font-size: 1rem; } }

.laya-product {
  padding-top: 54px;
  padding-bottom: 102px;
  background-color: #0079d7; }

.pro-title h1 {
  text-align: center;
  color: #fffefe;
  font-size: 3.46em;
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 89px; }

@media (max-width: 768px) and (min-width: 480px) {
  .pro-title h1 {
    font-size: 3em; } }

@media (max-width: 480px) {
  .pro-title h1 {
    font-size: 2em; } }

.pro-item {
  height: 200px;
  padding-top: 20px; }
  .pro-item .pro-icon-bg {
    height: 110px;
    background-position: center;
    background-repeat: no-repeat; }
  .pro-item .pro-icon01 {
    background-image: url(../img/icon09.png); }
  .pro-item .pro-icon02 {
    background-image: url(../img/icon10.png); }
  .pro-item .pro-icon03 {
    background-image: url(../img/icon11.png); }
  .pro-item .pro-icon04 {
    background-image: url(../img/icon12.png); }
  .pro-item .pro-icon05 {
    background-image: url(../img/icon13.png); }
  .pro-item .pro-icon06 {
    background-image: url(../img/icon14.png); }
  .pro-item .pro-cont {
    color: #fffefe; }
    .pro-item .pro-cont h3 {
      font-size: 2.35em;
      font-family: arial; }
    .pro-item .pro-cont p {
      font-size: 1em;
      line-height: 30px;
      text-align: left; }

@media (max-width: 992px) {
  .pro-item {
    height: 300px; } }

.laya-game {
  padding: 40px 0; }

.game-title h1 {
  font-size: 2.475em;
  padding-bottom: 30px;
  text-align: left;
  margin: 40px 0 20px;
  color: #2a2a2a;
  font-family: "microsoft yahei"; }

@media (max-width: 768px) {
  .game-title h1 {
    font-size: 1.5em; } }

.game-more {
  padding-top: 50px; }
  .game-more a {
    font-size: 1em;
    color: #2a2a2a;
    font-family: "microsoft yahei"; }

.game-video {
  height: 210px; }
  .game-video video {
    width: 100%;
    height: 100%; }

@media (max-width: 992px) {
  .game-video {
    height: 264px; } }

.game-item {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 67px; }
  .game-item img {
    margin: 5px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .game-item .img-hover:hover {
    opacity: .8; }
  .game-item p {
    font-size: 1em;
    font-family: "microsoft yahei";
    color: #2a2a2a;
    text-align: center;
    margin-top: 5px; }

.partner {
  background-color: #f4f4f4;
  padding-bottom: 40px; }

.partner-title h2 {
  font-size: 2.142857em;
  font-family: "microsoft yahei";
  color: #2a2a2a;
  padding-bottom: 9px;
  margin: 40px 0 20px; }

.partner-title small {
  font-size: 0.374em; }

.partner-logo {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 4px;
  border-radius: 4px; }
  .partner-logo img {
    margin: 0 auto; }
  .partner-logo .img-hover:hover {
    opacity: 0.8; }
